.container {
    width: 100%;
    height: 100%;
    min-height:550px;
    position: absolute;
}

.wrap {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.wrap .wrap-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../img/background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*Logo*/
.logo {
    padding-top: 91px;
}

.logo .logo-img {
    background: url(../../img/logo.png) no-repeat;
    height: 75px;
    width: 190px;
    display: block;
    position: relative;
    margin: 0 auto;
}

/*返回、 注册/登录提示*/
.sign {
    padding-top: 28px;
    position: relative;
}

.sign .sign-up {
    width: 524px;
    min-width: 524px;
    background-size: 524px;
    margin: 0 auto;
    color: #fff;

}

.sign .sign-up a {
    color: #fff;
}

.sign .sign-up label {
    left: 268px;
}

.sign .sign-up Button {
    float: right;
    color: #fff;
    margin-top: -5px;
    background: rgba(255, 255, 255, 0);
}

/*===================登录界面===================*/
.sign-in {
    padding-top: 22px;
}

.sign-in .main-content {
    /*text-align: center;*/
    width: 524px;
    margin: 0 auto;
    /*padding: 88px 79px 75px 79px;*/
    height: 350px;
    min-height: 350px;
    background-size: 350px;
    background: rgba(255, 255, 255, 0.22);
    position: relative;
}
.sign-in .main-content Form {
    position: absolute;
    top: 68px;
    left: 78px;
}
.sign-in .main-content .ipt {
    color: #292421;
}
.sign-in .main-content i {
    margin-top: 8px;
}
.main-content Input {
    color: #fff;
    height: 46px;
    width: 366px;
    padding-left: 41px;
    background: rgba(255, 255, 255, 0);
}
/*.forget {*/
    /*padding-top: 22px;*/
/*}*/
.forget .forgetPassword {
    width: 620px;
    margin: 0 auto;
    /*padding: 88px 79px 75px 79px;*/
    height: 350px;
    min-height: 350px;
    background-size: 350px;
    position: relative;
}
.forget .forget-title {
    height:90px;
    background-color: #00aaee;
    position: relative;
}
.forget .forget-title p {
    display: inline-block;
    margin-left: 20px;
    color: #FFFFFF;
    font-size: 18px;
    position: absolute;
    top: 46px;
    left: 192px;
}
.forget .forgetPassword Form {
    position: absolute;
    top: 68px;
    left: 78px;
}
.forgetPassword Input{
    height: 46px;
    width: 366px;
    padding-left: 41px;
}
.forgetPassword Form i {

    position: absolute;
    top: 17px;
    left: 14px;
    z-index: 10

}
.forgetPassword Input::-webkit-input-placeholder {
    color: #000;
    opacity: .3;
}

.forgetPassword Input::-moz-placeholder {
    color: #000;
    opacity: .3;
}

.forgetPassword Input::-ms-input-placeholder {
    color: #000;
    opacity: .3;
}

.forget .forgetPassword .sign-button {
    height: 43px;
    width: 165px;
    left: 0px;
    top: 34px;
    position: absolute;
}
.forget .forgetPassword .forget-return {
    height: 43px;
    width: 165px;
    left: 202px;
    top: 11px;
    position: absolute;
}
.forget .forgetPassword .validCode img {
    position: absolute;
    top: 1px;
    left: 245px;
    width: 120px;
    height: 44px;
    border: none;
}
.forget .forgetPassword .forget-return {
    border-color: #ddd;
    color: #7F7F7F;
}
.forget .forgetPassword .forget-return:hover {
    color: #2DC6F8;
    border-color: #2DC6F8 ;
    background: #FFFFFF;

}
.main-content Input::-webkit-input-placeholder {
    color: #fff;
    opacity: .9;
}

.main-content Input::-moz-placeholder {
    color: #fff;
    opacity: .9;
}

.main-content Input::-ms-input-placeholder {
    color: #fff;
    opacity: .9;
}
.main-content Form i {
    width: 16px;
    height: 78%;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 10px;
}

.main-content .phone-img {
    background: url(../../img/phone.png) no-repeat;
}

.main-content .password {
    background: url(../../img/password.png) no-repeat;
}

.main-content .login-row {
    margin-top: 36px;
}

.main-content .automatic-login {
    position: relative;
    left: 5px;
    color: rgba(255, 255, 255, 0.8);
}

.main-content .forget-pwd {
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    left: 197px;
}

.main-content .sign-button {
    height: 43px;
    width: 366px;
    left: 0px;
    top: 34px;
    position: absolute;
}

.main-content .apply-join{
    width: 49px;
    margin: 0 auto;
    position: relative;
    top: 30px;
    color: #2db7f5;
}
/*
.main-content .join-button{
    height: 43px;
    width: 366px;
    left: 0;
    position: absolute;
    top: 35px;
    color: #2db7f5;
    background: hsla(0,0%,100%,0);
}

.main-content .forget-psd{
    position: relative;
    top: 58px;
    width: 76px;
    margin: 0 auto;
    color: #fff;
    font-size: 13px;
}*/

/*.main-content Checkbox {
    color: rgba(255, 255, 255, 0.74);
}*/

/*===================注册界面===================*/
.register-in {
    padding-top: 22px;
}

.register-in .main-content {
    width: 524px;
    height: 606px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.22);
    position: relative;
}

.register-in .main-content Form {
    position: absolute;
    top: 25px;
    left: 78px;
}

.register-in .main-content .register-button {
    height: 43px;
    width: 100%;
}

.register-in .main-content Input,
.register-in .ant-select-selection
 {
    color: #fff;
    height: 46px;
    padding-left: 15px;
    background: hsla(0, 0%, 100%, 0);

}

.register-in .main-content .validCode,
.register-in .main-content .code {
    width: 247px;
}

.register-in .main-content .validCode img{
    position: absolute;
    top: 1px;
    left: 245px;
    width: 120px;
    height: 44px;
}

.register-in .main-content i {
    width: 122px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 246px;
}

.register-in .remark{
    height:139px;
    background: hsla(0, 0%, 100%, 0);
    color: #fff;
}

.register-in .set{
    position: absolute;
    right: -10px;
    top: 3px;
    color: #fff;
    font-size: 15px;
}

.register-in .room-num{
    width:343px;
}
/*.register-in .main-content .props-img {*/
    /*background: url(../img/img-validate.jpg) no-repeat;*/
/*}*/

/*.register-in .main-content .phone-validate {*/
    /*background: url(../img/phone-validate.jpg) no-repeat;*/
/*}*/

/*.register-in .main-content .phoneCodeProps {*/
    /*width: 265px;*/
    /*border-right-color: hsla(0, 0%, 100%, 0);*/
    /*border-top-right-radius: 0 !important;*/
    /*border-bottom-right-radius: 0 !important;*/
/*}*/

.register-in .main-content .phoneCode{
    position: absolute;
    top: 0px;
    left: 246px;
    width: 120px;
    height: 46px;
    padding: 7px;
    background: #696a67;
    border: 1px solid #b1adad;
    color: #cbc5c5;
    font-size: 16px;
}

.register-in .main-content .phoneCodeProps-btn {
    /*position: relative;*/
    /*top: -43px;*/
    /*float: right;*/
    /*left: 106px;*/
    /*height: 43px;*/
    /*border-left-color: rgba(255, 255, 255, 0);*/
    /*border-top-left-radius: 0 !important;*/
    /*border-bottom-left-radius: 0 !important;*/
    /*background:rgba(86, 83, 83, 0.39);*/
    /*color: rgba(255, 255, 255, 0.71);*/
    /*border: 1px solid rgba(255, 255, 255, 0.58);*/
    /*border-left: 1px;*/
}


textarea::-webkit-input-placeholder {
    color: #fff !important;
    opacity: .9;
}

textarea::-ms-input-placeholder {
    color: #fff !important;
    opacity: .9;
}

textarea::-moz-placeholder {
    color: #fff !important;
    opacity: .9;
}
/*===================注册成功界面===================*/

.register-success {
    width: 524px;
    height: 472px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.22);
    position: relative;
}

.register-success Form {
    position: absolute;
    top: 154px;
    left: 177px;
}

.register-success .prompt {
    color: #0BA3EA;
    font-size: 21px;
    font-weight: normal;
}

.register-success .jump {
    color: #fff;
    opacity: .8;
    padding-left: 3px;
}

